@import "../../style/constant.scss";
@import "./BaseInput.scss";

.input-container {
  margin-top: 17px;
}

.code-input {
  flex: 1;
  color: $primaryBlack;
  background-color: #FFF;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  line-height: 22px;

  .placeholderCode {
    color: $weaker;
  }
}

.countdown {
  align-items: flex-end;
  .btn-get-code {
    flex: 1;
    align-items: center;
    justify-content: center;
    .text-get-code {
      color: $primaryBlack;
      font-size: 16px;
      line-height: 22px;
      font-weight: 400;
      font-family: PingFangSC-Regular;
    }
    .once-more {
      color: #47C690;
    }
    .invalid {
      color: $weaker;
    }
  }
}
